.topHeader {
position: fixed;
top: 0;
width: 100%;
height: 90px;
background-color: #FFFFFF;
box-shadow: 0px -5px 15px 5px #CCCCCC;
z-index: 99999;
}
.headerCon {
margin: 0 auto;
width: 1200px;
height: 90px;
}
.headerLogo {
float: left;
width: 200px;
height: 90px;
line-height: 90px;
text-align: left;
}
.headerNav {
float: left;
}
.headerNav ul {
float: left;
margin-top: 20px;
}
.headerNav ul li {
float: left;
margin-left: 45px;
height: 40px;
line-height: 40px;
font-size: 15px;
border-bottom: 2px solid #FFFFFF;
transition: .5s;
}
.headerNav ul li a {
text-decoration: none;
color: #666666;
}
.headerNav ul li:hover {
border-bottom: 2px solid #1E86F6;
}
.headerNav ul li:hover a {
color: #1E86F6;
}
.headerNav ul li.active {
border-bottom: 2px solid #1E86F6;
}
.headerNav ul li.active a {
color: #1E86F6;
}
.headerTel {
float: right;
width: 200px;
height: 90px;
text-align: right;
line-height: 90px;
background: url(../images/headerTel.png) no-repeat center left 25px;
}
.headerTel p {
font-size: 20px;
color: #1E86F6;
}
.indexBanner {
float: left;
margin-top: 90px;
width: 100%;
height: 650px;
}
.modTitle {
width: 100%;
text-align: center;
}
.modTitle h1 {
margin-top: 60px;
font-size: 27px;
color: #444444;
font-weight: 100;
}
.modTitle p {
font-family: arial;
font-size: 14px;
color: #555555;
line-height: 35px;
}
/* 棣栭〉浜у搧 */
.indexPro {
float: left;
width: 100%;
height: 885px;
background-color: #FFFFFF;
}
.proNav {
margin: 30px auto;
width: 1200px;
height: 250px;
}
.proNav li:first-child {
margin-left: 0;
}
.proNav li {
float: left;
margin-left: 27px;
width: 382px;
height: 250px;
position: relative;
}
.proNav li a {
position: absolute;
display: block;
left: 10px;
top: 10px;
width: 358px;
height: 236px;
border: 1px solid #1E86F6;
opacity: 0;
transition: .5s;
}
.proNav li:hover a {
opacity: 1;
}
.posiList {
margin: 0 auto;
width: 1200px;
height: 370px;
position: relative;
}
.posiList ul {
float: left;
width: 100%;
height: 370px;
}
.posiList ul li {
float: left;
width: 1200px;
height: 370px;
}
.posLeft {
float: left;
padding: 0 55px;
width: 490px;
height: 370px;
position: relative;
}
.posLeft h1 {
margin-top: 60px;
font-size: 24px;
font-weight: 100;
color: #555555;
}
.posLeft h2 {
font-size: 19px;
font-family: arial;
font-weight: 100;
color: #999999;
line-height: 45px;
padding-bottom: 20px;
border-bottom: 1px solid #CCCCCC;
}
.posLeft p {
margin-top: 15px;
font-size: 14px;
color: #666666;
line-height: 20px;
}
.posLeft a {
position: absolute;
bottom: 60px;
left: 55px;
display: block;
font-family: arial;
font-size: 14px;
width: 150px;
height: 40px;
text-align: center;
line-height: 40px;
color: #1E86F6;
border: 1px solid #1E86F6;
text-decoration: none;
transition: .5s;
}
.posLeft a:hover {
background-color: #1E86F6;
color: #FFFFFF;
}
.posRight {
float: left;
width: 545px;
height: 370px;
text-align: center;
line-height: 370px;
}
.posRight img {
max-width: 545px;
max-height: 370px;
}
.posiList i {
position: absolute;
display: block;
top: 150px;
width: 20px;
height: 70px;
cursor: pointer;
}
#posiBOXLeft {
left: 0;
background: url(../images/posiLeft.png) no-repeat;
}
#posiBOXRight {
right: 0;
background: url(../images/posiRight.png) no-repeat;
}
.indexAbout {
float: left;
width: 100%;
height: 403px;
background: url(../images/aboutUs.png) no-repeat center;
}
.aboutTit {
margin-top: 125px;
text-align: center;
}
.aboutTit h1 {
font-size: 27px;
color: #FFFFFF;
font-weight: 100;
}
.aboutTit h2 {
font-size: 14px;
font-family: arial;
font-weight: 100;
color: #FFFFFF;
line-height: 35px;
}
.aboutCon {
margin: 30px auto;
width: 1200px;
height: 107px;
text-align: center;
color: #FFFFFF;
line-height: 30px;
font-size: 14px;
overflow: hidden;
}
a.aboutMore {
display: block;
margin: 0 auto;
font-family: arial;
width: 150px;
height: 40px;
text-align: center;
line-height: 40px;
font-size: 14px;
color: #969696;
text-decoration: none;
background-color: #FFFFFF;
transition: .5s;
}
a.aboutMore:hover {
background-color: #1E86F6;
color: #FFFFFF;
}
.indexadv {
float: left;
width: 100%;
height: 410px;
}
.indexadv ul {
margin: 0 auto;
width: 1110px;
}
.indexadv ul li {
float: left;
margin-top: 70px;
width: 370px;
height: 300px;
text-align: center;
}
.indexadv ul li h1 {
margin-top: 20px;
font-size: 16px;
color: #444444;
line-height: 40px;
font-weight: 100;
}
.indexadv ul li p {
font-size: 13px;
color: #566666;
line-height: 27px;
}
.indexNews {
float: left;
width: 100%;
height: 799px;
background: url(../images/indexNews.png) no-repeat;
}
.NewsTit {
margin: 0 auto;
text-align: center;
}
.NewsTit h1 {
margin-top: 100px;
font-size: 27px;
color: #444444;
font-weight: 100;
}
.NewsTit h2 {
font-family: arial;
font-size: 14px;
color: #666666;
line-height: 40px;
font-weight: 100;
}
.newsList {
margin: 45px auto;
width: 1200px;
height: 402px;
}
.listLeft {
float: left;
width: 633px;
height: 402px;
background-color: #F7F7F7;
transition: .5s;
}
.listLeft div {
margin: 20px auto;
width: 594px;
height: 292px;
}
.listLeft div img {
width: 100%;
height: 100%;
}
.listLeft span {
display: block;
float: left;
font-family: arial;
margin-left: 20px;
width: 45px;
height: 45px;
text-align: center;
font-size: 14px;
color: #999999;
transition: .5s;
}
.listLeft span i {
display: block;
height: 24px;
font-size: 18px;
font-style: normal;
border-bottom: 1px solid #CCCCCC;
}
.listLeft a {
text-decoration: none;
}
.listLeft h1 {
margin-left: 95px;
font-size: 14px;
color: #575757;
font-weight: 100;
transition: .5s;
}
.listLeft p {
margin-left: 95px;
font-size: 13px;
color: #999999;
line-height: 25px;
transition: .5s;
}
.listRight {
float: left;
margin-left: 30px;
width: 506px;
}
.listRight li {
float: left;
width: 506px;
height: 86px;
margin-bottom: 20px;
background-color: #F7F7F7;
transition: .5s;
}
.listRight li a {
text-decoration: none;
}
.listRight li span {
display: block;
float: left;
font-family: arial;
margin-top: 20px;
margin-left: 20px;
width: 45px;
height: 45px;
text-align: center;
font-size: 14px;
color: #999999;
transition: .5s;
}
.listRight li span i {
display: block;
height: 24px;
font-size: 18px;
font-style: normal;
border-bottom: 1px solid #CCCCCC;
}
.listRight li h1 {
margin-left: 90px;
margin-top: 20px;
font-size: 14px;
font-weight: 100;
color: #575757;
transition: .5s;
}
.listRight li p {
padding-right: 15px;
margin-left: 90px;
font-size: 13px;
color: #999999;
transition: .5s;
}
a.newsMore {
display: block;
margin: 0 auto;
width: 150px;
height: 40px;
text-decoration: none;
border: 1px solid #1E86F6;
color: #1E86F6;
text-align: center;
line-height: 40px;
transition: .5s;
}
a.newsMore:hover {
background-color: #1E86F6;
color: #FFFFFF;
}
.listLeft:hover, .listRight li:hover {
background-color: #1E86F6;
}
.listLeft:hover span, .listLeft:hover h1, .listLeft:hover p, .listRight li:hover span, .listRight li:hover h1, .listRight li:hover p {
color: #FFFFFF;
}
.divFooter {
float: left;
width: 100%;
height: 280px;
background-color: #1E86F6;
}
.footerCon {
margin: 0 auto;
width: 1200px;
height: 200px;
margin-top: 80px;
}
.footerOne {
float: left;
width: 245px;
height: 200px;
}
.footerOne h1 {
font-size: 25px;
font-weight: 100;
color: #FFFFFF;
}
.footerOne p {
font-size: 14px;
color: #DDDDDD;
line-height: 40px;
}
.footerTwo {
float: left;
width: 240px;
height: 200px;
}
.footerTwo h1 {
font-size: 15px;
color: #FFFFFF;
font-weight: 100;
}
a.foootQQ {
display: block;
float: left;
margin-top: 30px;
width: 35px;
height: 35px;
text-align: center;
line-height: 35px;
border: 1px solid #FFFFFF;
position: relative
}
a.foootQQ p{
position: absolute;
width: auto;
height: 40px;
padding: 0 16px;
line-height: 40px;
color: #1E86F6;
font-size: 18px;
bottom: -52px;
left: -3px;
background: #fff;
font-weight: bold;
box-shadow: 0px 2px 6px rgba(0,95,197,0.6);
display: none
}
a.foootQQ p em{
color:#333;
font-weight: 100;
font-size: 16px
}
a.foootQQ:hover p{
display: block
}
.footWX {
float: left;
margin-top: 30px;
margin-left: 15px;
width: 35px;
height: 35px;
background: url(../images/weixin.png) no-repeat center;
border: 1px solid #FFFFFF;
cursor: pointer;
}
.footWX div {
display: block;
margin-top: 40px;
margin-left: -2px;
width: 100px;
height: 100px;
text-align: center;
background-color: #FFFFFF;
opacity: 0;
transition: .5s;
}
.footWX div img {
margin-top: 5px;
width: 90px;
height: 90px;
}
.footWX:hover div {
opacity: 1;
}
.footerThree {
float: left;
width: 580px;
height: 200px;
}
.footerThree h1 {
font-size: 15px;
color: #FFFFFF;
font-weight: 100;
}
.footerThree div {
float: left;
margin-top: 30px;
width: 580px;
height: 140px;
}
.footerThree div ul li {
float: left;
width: 280px;
height: 30px;
font-size: 12px;
line-height:25px;
color: #FFFFFF;
}
.footerFour {
float: left;
margin-top: 50px;
width: 80px;
height: 80px;
text-align: center;
}
.footerFour img {
margin-top: 5px;
width: 80px;
height: 80px;
}
.buttomCopy {
margin: 0 auto;
width: 1200px;
height: 40px;
color锛�#999999;
}
.neiBanner {
float: left;
margin-top: 90px;
width: 100%;
height: 200px;
background-repeat: no-repeat;
background-position: center;
}
.neiCon {
margin: 0 auto;
width: 1200px;
}
.neiPro {
float: left;
padding: 50px 0;
width: 100%;
}
.neiLeft {
float: left;
width: 220px;
}
.leftOne {
float: left;
padding: 30px 0;
width: 100%;
height: 70px;
background-color: #428fef;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.leftOne h1 {
margin: 0 30px 10px 30px;
padding-bottom: 10px;
font-size: 25px;
font-weight: 100;
border-bottom: 1px solid rgba(255, 255, 255, 0.16);
color: #FFFFFF;
}
.leftOne p {
margin: 0 30px;
font-size: 15px;
color: #EAEAEA;
}
.leftNav {
float: left;
width: 100%;
background-color: #428fef;
}
.leftNav ul {
float: left;
margin: 10px 0 20px 0;
}
.leftNav li {
float: left;
margin-left: 15px;
width: 190px;
height: 43px;
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
transition: .5s;
}
.leftNav li a {
display: block;
width: 170px;
height: 43px;
margin-left: 20px;
font-size: 14px;
line-height: 43px;
color: #CFDCF9;
text-decoration: none;
transition: .5s;
}
.leftNav li:hover {
background-color: #1E86F6;
}
.leftNav li:hover a {
margin-left: 25px;
}
.netRight {
float: right;
width: 960px;
}
.netRight ul {
float: left;
width: 100%;
}
.netRight ul li {
float: left;
margin-left: 20px;
margin-bottom: 20px;
width: 300px;
}
.project_img {
float: left;
width: 300px;
height: 280px;
overflow: hidden;
}
.project_img img {
max-width: 300px;
transition: .5s;
}
.project_info {
float: left;
width: 300px;
height: 119px;
border-bottom: 1px rgba(109, 109, 109, 0.22) solid;
transition: .5s;
}
.project_info h1 {
margin: 25px 15px 0 15px;
font-size: 16px;
font-weight: 100;
color: #06090e;
}
.project_info p {
margin: 15px 15px 0 15px;
font-size: 13px;
line-height: 22px;
color: #AFAFAF;
}
.netRight ul li:hover .project_img img {
transform: scale(1.1, 1.1);
}
.netRight ul li:hover .project_info {
box-shadow: 0px 0px 10px 0px #e5e5e5;
}
.showPro {
float: left;
width: 100%;
margin-top: 90px;
}
.showCon {
margin: 50px auto;
width: 1200px;
}
.titlewarp {
margin-top: 70px;
margin-bottom: 20px;
}
.titlewarp p {
font-size: 22px;
}
.description {
margin-top: 20px;
}
.description p {
color: rgba(102, 102, 102, 0.63);
font-size: 14px;
line-height: 24px;
}
a.proBuy {
display: inline-block;
width: 150px;
height: 40px;
line-height: 40px;
border: 1px solid #1E86F6;
color: #1E86F6;
text-align: center;
margin: 20px auto;
text-decoration: none;
transition: all 0.3s ease-out 0s;
}
a.proBuy:hover {
background-color: #1E86F6;
color: #FFFFFF;
}
/* 鑽ｈ獕璧勮川 */
.neiHonor {
float: left;
width: 100%;
}
.honorCon {
margin: 50px auto;
width: 1200px;
}
.honorTitle {
margin: 25px 0;
width: 100%;
}
.honorTitle h1 {
text-align: center;
margin-bottom: 10px;
font-size: 24px;
color: #444444;
font-weight: 100;
}
.honorTitle p {
text-align: center;
font-size: 13px;
color: #C1C1C1;
}
.honorList {
width: 100%;
}
.honorList ul {
float: left;
margin-top: 30px;
width: 100%;
}
.honorList li {
float: left;
margin-right: 25px;
margin-bottom: 80px;
width: 374px;
height: 305px;
}
.honorList li a {
display: block;
width: 100%;
height: 100%;
text-decoration: none;
transition: .5s;
}
.honorList li:nth-child(3n) {
margin-right: 0;
}
.service_img {
float: left;
width: 100%;
height: 165px;
overflow: hidden;
}
.service_img img {
width: 100%;
height: 165px;
}
.service_info {
float: left;
width: 100%;
height: 140px;
background-color: #F7F7F7;
}
.service_info h1 {
margin-top: 30px;
padding: 0 50px;
text-align: center;
overflow: hidden;
font-weight: 100;
color: #595959;
}
.service_info p {
padding: 0 20px;
font-size: 13px;
line-height: 24px;
text-align: center;
color: #B1AFAF;
}
.honorList li:hover a {
margin-top: -8px;
box-shadow: 0px 5px 20px 5px #C0C0C0;
}
.honorList li:hover .service_info h1 {
color: #1E86F6;
}
.showHonor {
float: left;
width: 100%;
margin-top: 90px;
}
.showTit {
padding-bottom: 26px;
padding-top: 30px;
text-align: center;
font-size: 24px;
color: #444444;
}
.postbody {
width: 100%;
}
/* 鍗曠綉椤� */
.pageShow {
float: left;
width: 100%;
}
.pageCon {
margin: 50px auto;
width: 1200px;
}
.PageTitle {
padding-bottom: 26px;
padding-top: 20px;
}
.PageTitle h1 {
text-align: center;
font-size: 24px;
color: #444444;
margin-bottom: 10px;
font-weight: 100;
}
.PageTitle p {
text-align: center;
font-size: 13px;
color: #C1C1C1;
}
/* 鏂伴椈涓績 */
.pageNews {
float: left;
padding: 50px 0;
width: 100%;
}
.pageNewslist {
float: right;
width: 940px;
}
.pageNewslist ul {
float: left;
width: 100%;
}
.pageNewslist ul li {
float: left;
width: 100%;
height: 190px;
border-bottom: 1px solid rgba(0, 0, 0, .06)
}
.pageNewslist ul li a {
display: block;
width: 100%;
height: 100%;
}
.newsimg {
float: left;
width: 200px;
height: 130px;
margin-top: 30px;
}
.newsimg img {
width: 200px;
height: 130px;
}
.newsdate {
float: right;
margin-top: 30px;
width: 700px;
height: 130px;
}
.newsdate h1 {
float: left;
margin-bottom: 10px;
width: 560px;
line-height: 24px;
font-size: 16px;
font-weight: 100;
overflow: hidden;
color: rgba(0, 0, 0, 0.62);
transition: .5s;
}
.newsdate p {
float: left;
margin-top: 15px;
width: 560px;
font-size: 13px;
line-height: 22px;
color: #B5B5B5;
}
.newsdate span {
display: block;
float: right;
margin-top: 35px;
padding: 0 10px;
width: 90px;
height: 52px;
font-size: 28px;
line-height: 46px;
color: #999999;
border-left: 3px #F7F7F7 solid;
}
.pageNewslist ul li:hover h1 {
color: #1E86F6;
}
.showNews {
float: left;
margin-top: 90px;
width: 100%;
}
.showNewsTit {
text-align: center;
margin: 20px 0;
}
.showNewsTit p {
font-size: 24px;
color: #444444;
margin-bottom: 10px;
}
.showNewsTit span {
font-size: 13px;
color: #C1C1C1;
}
/* --------------------------------
Main Components
-------------------------------- */
.cd-accordion-menu {
float: left;
width: 100%;
background: #1E86F6;
}
.cd-accordion-menu ul {
/* by default hide all sub menus */
display: none;
}
.cd-accordion-menu li {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.cd-accordion-menu input[type=checkbox] {
/* hide native checkbox */
position: absolute;
opacity: 0;
}
.cd-accordion-menu label{
position: relative;
display: block;
padding: 18px 18px 18px 30px;
background: #428FEF;
box-shadow: inset 0 -1px #428FEF;
color: #ffffff;
font-size: 1rem;
}
.cd-accordion-menu label a{
font-size: 14px;
color: #CFDCF9;
text-decoration: none;
}
.no-touch .cd-accordion-menu label:hover, .no-touch .cd-accordion-menu a:hover {
background: #52565d;
}
.cd-accordion-menu label {
cursor: pointer;
}
.cd-accordion-menu input[type=checkbox]:checked + label + ul, .cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul {
/* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors*/
/* show children when item is checked */
display: block;
}
.cd-accordion-menu ul label, .cd-accordion-menu ul a {
background: #428FEF;
box-shadow: inset 0 -1px #428FEF;
padding-left: 20px;
}
.no-touch .cd-accordion-menu ul label:hover, .no-touch .cd-accordion-menu ul a:hover {
background: #3c3f45;
}
.cd-accordion-menu > li:last-of-type > label, .cd-accordion-menu > li:last-of-type > a, .cd-accordion-menu > li > ul > li:last-of-type label, .cd-accordion-menu > li > ul > li:last-of-type a {
box-shadow: none;
}
.cd-accordion-menu ul label::before {
left: 36px;
}
.cd-accordion-menu ul label::after, .cd-accordion-menu ul a::after {
left: 59px;
}
.cd-accordion-menu ul ul label, .cd-accordion-menu ul ul a {
display: block;
font-size: 13px;
padding: 10px 60px;
color: #CFDCF9;
text-decoration: none;
}
.cd-accordion-menu ul ul label::before {
left: 54px;
}
.cd-accordion-menu ul ul label::after, .cd-accordion-menu ul ul a::after {
left: 77px;
}
.cd-accordion-menu ul ul ul label, .cd-accordion-menu ul ul ul a {
padding-left: 118px;
}
.cd-accordion-menu ul ul ul label::before {
left: 72px;
}
.cd-accordion-menu ul ul ul label::after, .cd-accordion-menu ul ul ul a::after {
left: 95px;
}